.secondContent {
  height: 40px;

  .userSelectNone {
    user-select: none;
  }

  .imgIconSize40 {
    display: inline;
  }

  .imgIconSize60 {
    width: 60px;
    height: 60px;
  }

  .ml-20 {
    margin-left: 20px;
  }

  .ml-15 {
    margin-left: 15px;
  }

  .ml-10 {
    margin-left: 10px;
  }

  .mr-10 {
    margin-right: 10px;
  }

  .linHeight0 {
    line-height: 1;
  }

  .lineMiddle {
    vertical-align: middle;
  }

  .cursorTrue {
    cursor: pointer;
  }

  .borderR {
    border-right: 1px solid #ADADAD;
  }

  .font10 {
    font-size: 12px;
  }

  .font12 {
    font-size: 12px;
  }

  .font13 {
    font-size: 13px;
  }

  .font20 {
    font-size: 20px;
  }

  .font25 {
    font-size: 25px;
  }

  .font40 {
    font-size: 40px;
  }

  .textCenter {
    text-align: center;
  }

  .width30 {
    width: 30% !important;
  }

  .width50 {
    width: 50% !important;
  }

  .width55 {
    width: 55% !important;
  }

  .textOmit {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    display: inline-block;
    vertical-align: middle;
  }

  .grayColor {
    color: #ADADAD;
  }

  .redColor {
    color: #FF504F;
  }

  .enuTrue {
    color: #2D7AE2;
  }

  .linh-20{
    line-height: 20px;
  }

  .bread-color {
    color: #333 !important;
    cursor: text !important;
  }

  .enuFalse {
    color: #ADADAD;
  }

  .whiteColor {
    color: #ffffff;
  }

  .downIcon30 {
    height: 10px;
    line-height: 10px;
  }

  .dropdownIconDisplay{
    display: flex;
    align-items: center;
  }

  .downIcon10 {
    height: 10px;
    position: relative;
  }

  .inline_block {
    display: inline-block;
  }

  // 全部文件四个字的文本样式
  .textAll {
    height: 20px;
    line-height: 20px;
  }

  .secondMenu {
    display: flex;

    .menu {
      i {
        vertical-align: middle;
        font-size: 12px;
      }

      span {
        vertical-align: middle;
        margin-left: 10px;
      }
    }
  }

  //   文件组件的样式
  .documents {
    width: 100%;
    padding-right: 20px;
    .breadCrumb {
      display: -webkit-box;
      width: 98%;
      flex-wrap: nowrap;
      overflow-x: auto;

      .bread {
        padding: 5px;
        position: relative;

        .borderDiv {
          position: absolute;
          right: 0;
          height: 20px;
          top: 15px;
          width: 2px;
        }
      }

    }
    ::-webkit-scrollbar {
      display: none;
      width: 0;
      height: 0;
      /* 或者这样
      width: 0;
      height: 0;
      */
    }
    .main {
      padding-left: 20px;
      min-width: 1200px;
      .docTitle{
        min-width: 1200px;
      }

      // 文件的主要内容样式
      .docContentGen {
        height: calc(100vh - 50px - 40px - 40px - 40px - 40px);
      }

      .docContentNoGen {
        height: calc(100vh - 50px - 40px - 40px - 40px - 100px);
      }

      .docContent {
        overflow-x: hidden;
        overflow-y: auto;

        .rectangle {
          .rectangleList {
            width: 150px;
            display: inline-block;
            height: 150px;
          }
        }

        .noMainList {
          display: flex;
          justify-content: center;
          align-items: center;
          height: 100%;

          .mainNoData {
            text-align: center;
            padding-right: 20px;

            .mainIcon {
              font-size: 100px
            }
          }
        }

        .docName {
          position: relative;

          .docRead {
            position: absolute;
            top: 23px;
            width: 100%;
            text-align: center;

            .docTage {
              margin-left: -5px;
            }
          }
        }

        .rectangleConent {
          height: 130px;
          padding: 5px;
          position: relative;

          .rectangleIcon {
            position: absolute;
            width: 100%;
          }
        }

        .docRow:hover {
          // background: #E5F8FE;
          cursor: pointer;
        }

        .docRowBg {
          background: #E5F8FE;
        }

        // .docRow:hover {
        //   .docShow {
        //     display: block;
        //   }
        // }
        .docTage {
          width: 12px;
          height: 12px;
          border-radius: 50%;
          text-align: center;
          margin-left: -5px;
          vertical-align: middle;
          display: inline-block;
        }

        // 文件名的操作ICON样式
        .docShow {
          cursor: pointer;
        }

        .docRow {
          padding-left: 20px;
          min-height: 55px;
          min-width: 1200px;
          line-height: 50px;
          border-bottom: 1px solid #F4F4F4;

          // 正在上传的进度条的显示
          .progressMain {
            width: 100px;

            .textProgress {
              height: 25px;
              line-height: 30px;
              text-align: center;
            }
          }
        }

        .doc {
          color: #F7C12D;
        }

        .excel {
          color: #00843E;
        }

        .pdf {
          color: #E52C0E;
        }
      }
    }
  }
}
